<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="http://at.alicdn.com/t/c/font_4038949_3h72fhohgyw.css">
    <link rel="stylesheet" href="./css/clear.css">
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <div class="header">
        <div class="header_top">
            <div class="tips">
                常来豆丁浏览或分享文档吗？ 把豆丁<span>加入收藏夹</span> 呗 !
                <div class="no_tips">不再提示</div>
            </div>
            <div class="logo">
                <div class="center hidden">
                    <img class="left" src="https://st.douding.cn/images_cn/logo/logo_195_58.png" alt="">
                    <div class="search left">
                        <input type="text" placeholder="在八亿文档库里搜索文档...">
                        <div class="help">帮助</div>
                    </div>
                    <ul class="right">
                        <li>
                            登录
                        </li>
                        <li>
                            注册
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="header_menu">
            <div class="center hidden">
                <ul class="menu left">
                    <li>
                       <a href="">创业</a>
                       <a href="">创业</a>
                       <a href="">创业</a>
                       <a href="">创业</a>
                       <a href="">创业</a>
                       <a href="">创业</a>
                       <a href="">创业</a>
                       <a href="">创业</a>
                    </li>
                    <li>
                        <a href="">创业</a>
                        <a href="">创业</a>
                        <a href="">创业</a>
                        <a href="">创业</a>
                        <a href="">创业</a>
                        <a href="">创业</a>
                        <a href="">创业</a>
                        <a href="">创业</a>
                     </li>
                     <li>
                        <a href="">创业</a>
                        <a href="">创业</a>
                        <a href="">创业</a>
                        <a href="">创业</a>
                        <a href="">创业</a>
                        <a href="">创业</a>
                        <a href="">创业</a>
                        <a href="">创业</a>
                     </li>
                </ul>
                <ul class="upload right">
                    <li>
                        <img src="https://st.douding.cn/images_cn/nav/ico_banner_upload.svg" alt="">
                        <p>我要上传</p>
                    </li>
                    <li>
                        <img src="https://st.douding.cn/images_cn/nav/ico_banner_cloud.svg" alt="">
                        <p>豆丁书房</p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="content">
        <div class="welcome">
            <div class="xcenter center relative">
                <div class="no_tips absolute">
                    <span>不再提示</span>
                    <div class="close">x</div>
                </div>
                <div class="title">欢迎来豆丁网
                    <span> —— </span>
                    <span>面向全球的C2C中文文档分享平台。</span>
                </div>
                <div class="desc">这里有超过八亿份的<span>应用文档</span>和<span>书刊</span>，帮助你进行学习及实践；</div>
                <div class="last">快来体验<span>“豆丁书房”</span>，把你想学的东西<span>同步到手机、iPad</span>上，随时随地，专注于你的个人成长！</div>
            </div>
        </div>

        <div class="doc_type center">
            <div class="doc_type_left left" >
                <div class="shang"> 
                    <span class="left">文档分类</span>
                    <div class="right"><a>更多</a><i class="iconfont icon-gengduo"></i></div>
                </div>
                <ul>
                    <li><i class="iconfont icon-jia"></i><a>幼儿/小学教育</a></li>
                    <li><i class="iconfont icon-jia"></i><a>中学教育</a></li>
                    <li><i class="iconfont icon-jia"></i><a>高等教育</a></li>
                    <li><i class="iconfont icon-jia"></i><a>研究生考试</a></li>
                    <li><i class="iconfont icon-jia"></i><a>幼儿/小学教育</a></li>
                    <li><i class="iconfont icon-jia"></i><a>中学教育</a></li>
                    <li><i class="iconfont icon-jia"></i><a>高等教育</a></li>
                    <li><i class="iconfont icon-jia"></i><a>研究生考试</a></li>
                    <li><i class="iconfont icon-jia"></i><a>幼儿/小学教育</a></li>
                    <li><i class="iconfont icon-jia"></i><a>中学教育</a></li>
                    <li><i class="iconfont icon-jia"></i><a>高等教育</a></li>
                    <li><i class="iconfont icon-jia"></i><a>研究生考试</a></li>
                    <li><i class="iconfont icon-jia"></i><a>幼儿/小学教育</a></li>
                    <li><i class="iconfont icon-jia"></i><a>中学教育</a></li>
                    <li><i class="iconfont icon-jia"></i><a>高等教育</a></li>
                    <li><i class="iconfont icon-jia"></i><a>研究生考试</a></li>
                    <li><i class="iconfont icon-jia"></i><a>幼儿/小学教育</a></li>
                    <li><i class="iconfont icon-jia"></i><a>中学教育</a></li>
                    <li><i class="iconfont icon-jia"></i><a>高等教育</a></li>
                    <li><i class="iconfont icon-jia"></i><a>研究生考试</a></li>
                </ul>
            </div>
            <div class="doc_type_right right" >
                <div class="suw">
                    <a>登录</a>
                    <a>注册</a>
                </div>
                <div class="suw1">
                    <input type="text" placeholder="用户名/邮箱/手机号" >
                    <input type="password" placeholder="登录密码" >
                    <div class="suw1_s">
                        <div class="right">
                            <a>忘记密码？</a> 
                            <a>立即注册</a>
                        </div>
                    </div>
                    <button class="bt1">QQ登录</button><button class="bt"><i class="iconfont icon-weixin" style="vertical-align: middle"></i><span>微信登录</span></button>
                    <div class="suw1_s1">
                        <ul>
                            <li><i class="iconfont icon-qq"></i><span>QQ</span></li>
                            <li><i class="iconfont icon-weibo"></i><span>微博</span></li>
                            <li><i class="iconfont icon-zhifubaozhifu"></i><span>支付宝</span></li>
                            <li><span>更多</span><i class="iconfont icon-gengduo1 qqq"></i><i class="iconfont icon-gengduo1 qqq"></i></li>
                        </ul>

                    </div>
                </div>
            </div>
        </div>

        <div class="read_title center">
            <div class="left  read_title_q">
                <i class="iconfont icon-xianxingmofang"></i>豆丁订阅<a>（这是什么？）</a>
            </div>
            <div class="right read_title_q1">
                 <i class="iconfont icon-shezhi"> </i><a>订阅你的兴趣标签</a>
            </div>
        </div>

        <div class="build center">
            <div class="build_w hidden">
                <div class="left build_w_r">
                    <a>建筑</a>
                    <i class="iconfont icon-zhifubaozhifu"></i>
                </div>
                <div class="right build_w_r1">更多<i class="iconfont icon-gengduo"></i></div>
            </div>
            <div class="build_w1">
                <div class="build_z left">
                   <img class="left" src="https://st.douding.cn/upload/build_recommend/1/2023/4/25/9/1682385905617.jpg">
                   <ul class="left ">
                    <li class="build_zq">
                        <div class="build_z_w">
                            <div class="left">建筑设计</div>
                            <a class="left">北京中关村论坛永久会址/MAD马岩松新做</a>
                        </div>
                        <ul class="build_z_w1">
                            <li>370m洋房别墅极简私宅美好...</li>
                            <li>金湾华发国际商务中心/10 Disgn</li>
                            <li>云上舞者：深圳帝豪金融大厦/P...</li>
                            <li>西宁市群众文化艺动交流中心...</li>
                        </ul>
                    </li>
                    <li class="build_zq" style="margin-top: 3px;">
                        <div class="build_z_w">
                            <div class="left">建筑设计</div>
                            <a class="left">北京中关村论坛永久会址/MAD马岩松新做</a>
                        </div>
                        <ul class="build_z_w1">
                            <li>370m洋房别墅极简私宅美好...</li>
                            <li>金湾华发国际商务中心/10 Disgn</li>
                            <li>云上舞者：深圳帝豪金融大厦/P...</li>
                            <li>西宁市群众文化艺动交流中心...</li>
                        </ul>
                    </li>
                   </ul>
                </div>
                <div class="build_y right">
                    <div class="build_y_d">
                        精品资料
                    </div>
                    <ul>
                        <li><i class="iconfont icon-zhifubaozhifu"></i><a>方案深圳多地块项目规划设计汇报文件（含别墅，洋房...</a></li>
                        <li><i class="iconfont icon-zhifubaozhifu"></i><a>方案深圳多地块项目规划设计汇报文件（含别墅，洋房...</a></li>
                        <li><i class="iconfont icon-zhifubaozhifu"></i><a>方案深圳多地块项目规划设计汇报文件（含别墅，洋房...</a></li>
                        <li><i class="iconfont icon-zhifubaozhifu"></i><a>方案深圳多地块项目规划设计汇报文件（含别墅，洋房...</a></li>
                        <li><i class="iconfont icon-zhifubaozhifu"></i><a>方案深圳多地块项目规划设计汇报文件（含别墅，洋房...</a></li>
                    </ul>
                    </ul>
                    </ul>
                    </ul>
                    </ul>
                </div>
            </div>
        </div>
        <div style="height: 200px;"></div>
    </div>
</body>

</html>